<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<%@include file="../../common/include/inc.jsp" %>
<head lang="en">
    <title>首页</title>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/bootstrap.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
</head>
<style>
    .table th, .table td {
        text-align: center;
        vertical-align: middle!important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #2e75b6 !important;
    }
    .sp {
        width: 15px;
        margin: 0 auto;
        line-height: 24px;
        font-size: 20px;
        word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
    }


</style>
<body style="overflow: hidden;min-width: 1703px">
<!--主要内容 begin-->
<div class="content c-width pd-5 pdt-0 " >
    <ul class="clearfix section-1">

        <li class="item-1" style="width: 25%;">
            <div class="bd-grey item-2-map mgt-5" style="height: 460px;" >
                <div style="margin-top: 20px" id="push">
                    <span style='font-size: 20px;margin-right: 45%;color: #29F7FF'>巡检任务</span>
                </div>

                <table class="table table-bordered" style="width: 398px;margin: 20px 10px;height: 350px">
                        <tbody id="info">

                        </tbody>
                    </table>
            </div>

        </li>

        <li class="item-2 mgl-10 mgr-10" style="width: 25%;">
        <%--资源消费概览--%>
        <div class="bd-grey item-2-map mgt-5" style="height: 460px;">
            <div id="top_center_echart" style="height: 98%;width: 98%"></div>
        </div>
        <%--资源消费概览--%>
    </li>

        <li class="item-3" style="width: 25%;">
            <%--资源总览--%>
            <div class="bd-grey item-2-map mgt-5" style="height: 460px;" >
                <div id="top_right_echart" style="height: 98%;width: 98%"></div>
            </div>
        </li>
        <li class="item-3" style="width: 23%;">
            <%--资源总览--%>
            <div class="bd-grey item-2-map mgt-5" style="height: 460px;" >
                <div id="top_right1_echart" style="height: 98%;width: 98%"></div>
            </div>
        </li>
        </ul>

    <ul class="clearfix section-1">

        <li class="item-1" style="width: 25%;">
            <div class="bd-grey item-2-map mgt-5" style="height: 600px;" >
                <div id="top_left_echart" style="height: 98%;width: 98%"></div>
            </div>

        </li>

        <li class="item-2 mgl-10 mgr-10" style="width: 25%;">
            <%--资源消费概览--%>
            <div class="bd-grey item-2-map mgt-5" style="height: 600px;">
                <div id="center_echart" style="height: 98%;width: 98%"></div>
            </div>
            <%--资源消费概览--%>
        </li>

        <li class="item-3" style="width: 25%;">
            <%--资源总览--%>
            <div class="bd-grey item-2-map mgt-5" style="height: 600px;" >
                <div style="margin-top: 20px" >
                    <span style='font-size: 20px;margin-right: 60%;color: #29F7FF'>任务分组</span>
                    <div style=" margin-top: 1%;margin-left: 3%;width: 30%;float: left">
                        <span style='font-size: 20px;margin-right: 12%;color: #29F7FF'>总任务</span>
                        <span style='font-size: 20px;margin-right: 20%;color: #29F7FF' id="xjrw"></span>

                    </div>
                    <div style=" margin-top: 1%;margin-left: 3%;width: 30%;float: left">
                        <span style='font-size: 20px;margin-right: 12%;color: #29F7FF'>任务成功</span>
                        <span style='font-size: 20px;margin-right: 20%;color: #29F7FF' id="rwcg"></span>

                    </div>
                    <div style=" margin-top: 1%;margin-left: 3%;width: 30%;float: left">
                        <span style='font-size: 20px;margin-right: 12%;color: #29F7FF'>任务失败</span>
                        <span style='font-size: 20px;margin-right: 20%;color: #29F7FF' id="rwsb"></span>
                    </div>
                </div>

                <div style="height:auto;">
                    <table class="table table-bordered" style="">
                        <thead>
                        <tr>
                            <th bgcolor="#282c2d"><font color="#A8CFDB">任务组</font></th>
                            <th bgcolor="#282c2d"><font color="#A8CFDB">总任务</font></th>
                            <th bgcolor="#282c2d"><font color="#A8CFDB">成功</font></th>
                            <th bgcolor="#282c2d"><font color="#A8CFDB">失败</font></th>
                        </tr>
                        </thead>
                        <tbody id="tb10">

                        </tbody>
                    </table>
                </div>
            </div>
        </li>
        <li class="item-3" style="width: 23%;">
            <%--资源总览--%>
            <div class="bd-grey item-2-map mgt-5" style="height: 600px;" >
                <div id="down_right_echart" style="height: 98%;width: 98%"></div>
            </div>
        </li>
    </ul>
    <ul class="clearfix section-1" style="margin-top: 10%">

        <li class="item-1" style="width: 100%;height: auto">
            <div class="bd-grey item-2-map mgt-5" style="height: 600px;" >
                <div class="bd-grey item-2-map mgt-5" style="height: 500px;width: 50%;float: left" >
                    <%--<div style="margin-top: 20px" >
                        <div style='font-size: 20px;color: #29F7FF;display:block; width: auto; float:left;'>任务分组</div>
                        <div style="font-size: 20px;color: #29F7FF;float:left;">当日健康度</div>
                        <div style="font-size: 20px;color: #29F7FF;float:left;">30天健康趋势</div>
                    </div>
                    <div>
                        <div style='font-size: 20px;color: #29F7FF;display:block; width: auto; float:left;'>Linux服务器运维组</div>
                        <div style='font-size: 20px;color: #29F7FF;' class="sp">查看报告</div>

                    </div>--%>
                        <table class="table table-bordered" style="">
                            <thead>
                            <tr>
                                <th bgcolor="#282c2d"><font color="#A8CFDB">任务组</font></th>
                                <th bgcolor="#282c2d"><font color="#A8CFDB">当日健康度</font></th>
                                <th bgcolor="#282c2d"><font color="#A8CFDB">30天健康趋势</font></th>
                            </tr>
                            </thead>
                            <tbody id="tb1">

                            </tbody>
                        </table>
                </div>

                <div class="bd-grey item-2-map mgt-5" style="height: 500px;width: 50%;float: left" >

                </div>
            </div>

        </li>
    </ul>
</div>
<script type="text/javascript" src="${ctx}/resource/plugins/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/resource/inspect/inspectView.js"></script>

</body>
</html>
